<!-- 投诉提交 -->
<template>
  <div id="ComplaintsSubmit">
    <!-- 头部 -->
    <Head title="投诉" BackType1="true"></Head>
    <!-- 主体 -->
    <div id="Main">
      <span class="Partition"></span>
      <textarea v-model="content" type="textarea" placeholder="请输入投诉原因（选填）" ></textarea>
      <button class="state">提交</button>
    </div>
  </div>
</template>
<script>
import Head from "../components/Head";

export default {
  data(){
    return{
      content:"",
    }
  },
  components:{
    Head,
  },
  methods:{

  }
}
</script>

<style lang="less" scoped>
#ComplaintsSubmit {
  font-size: 28px;
  #Main {
    position: fixed;
    top: 88px;
    overflow: scroll;
    width: 100%;
    .Partition{
      display: block;
      padding-left: 40px;
      padding-top: 21px;
      // padding-bottom: 25px;
      font-size: 24px;
      background-color: #f1f5f8;
    }
    .state{
      width: 690px;
      height: 88px;
      margin: 30px;
      border-radius: 10px;
      background-color: #627DF1;
      color: #ffffff;
      font-size: 36px;
      line-height: 88px;
      text-align: center;
    }
    textarea{
      width: 702px;
      height: 240px;
      padding:30px 24px;
      resize:none;
    }
  }
}
</style>
